@scrider/formatter 1.4.1 → 1.4.3

package/dist/index.cjs

@@ -36,13 +36,20 @@ __export(index_exports, {
   BOX_OVERFLOW_VALUES: () => BOX_OVERFLOW_VALUES,
   BlockHandlerRegistry: () => BlockHandlerRegistry,
   BrowserDOMAdapter: () => BrowserDOMAdapter,
+  LINE_HEIGHT_BLOCK_TAGS: () => LINE_HEIGHT_BLOCK_TAGS,
   NODE_TYPE: () => NODE_TYPE,
   NodeDOMAdapter: () => NodeDOMAdapter,
+  PARAGRAPH_SPACING_BLOCK_TAGS: () => PARAGRAPH_SPACING_BLOCK_TAGS,
   Registry: () => Registry,
+  SCRIDER_LINE_HEIGHT_KEY: () => SCRIDER_LINE_HEIGHT_KEY,
+  SCRIDER_MARGIN_AFTER_KEY: () => SCRIDER_MARGIN_AFTER_KEY,
   alertBlockHandler: () => alertBlockHandler,
   alignFormat: () => alignFormat,
   backgroundFormat: () => backgroundFormat,
   blockFormat: () => blockFormat,
+  blockLineHeightStyleParts: () => blockLineHeightStyleParts,
+  blockMarginAfterStyleParts: () => blockMarginAfterStyleParts,
+  blockPresentationStyleParts: () => blockPresentationStyleParts,
   blockquoteFormat: () => blockquoteFormat,
   boldFormat: () => boldFormat,
   boxBlockHandler: () => boxBlockHandler,
@@ -93,6 +100,8 @@ __export(index_exports, {
   markdownToDeltaSync: () => markdownToDeltaSync,
   nodeAdapter: () => nodeAdapter,
   normalizeDelta: () => normalizeDelta,
+  parseScriderLineHeightMultiplier: () => parseScriderLineHeightMultiplier,
+  parseScriderMarginAfterEm: () => parseScriderMarginAfterEm,
   preloadRemark: () => preloadRemark,
   resolveDocumentPresentation: () => resolveDocumentPresentation,
   resolveTablePresentation: () => resolveTablePresentation,
@@ -2603,39 +2612,100 @@ function slugifyWithDedup(text, usedSlugs) {
   return `${base}-${count}`;
 }
 
+// src/conversion/html/block-presentation.ts
+var SCRIDER_LINE_HEIGHT_KEY = "scrider-line-height";
+var SCRIDER_MARGIN_AFTER_KEY = "scrider-margin-after";
+var LINE_HEIGHT_BLOCK_TAGS = /* @__PURE__ */ new Set(["p", "li", "blockquote"]);
+var PARAGRAPH_SPACING_BLOCK_TAGS = /* @__PURE__ */ new Set(["p"]);
+function parseScriderLineHeightMultiplier(value) {
+  const trimmed = value.trim();
+  if (!trimmed) return void 0;
+  if (trimmed.endsWith("%")) {
+    const pct = Number.parseFloat(trimmed.slice(0, -1));
+    if (Number.isFinite(pct) && pct > 0) return pct / 100;
+    return void 0;
+  }
+  const n = Number.parseFloat(trimmed);
+  if (Number.isFinite(n) && n > 0) return n;
+  return void 0;
+}
+function lineHeightStyleParts(multiplier) {
+  const pct = Math.round(multiplier * 100);
+  return [`line-height:${multiplier}`, `mso-line-height-alt:${pct}%`];
+}
+function blockLineHeightStyleParts(tag, blockAttributes, resolved) {
+  if (!LINE_HEIGHT_BLOCK_TAGS.has(tag)) return [];
+  const raw = blockAttributes?.[SCRIDER_LINE_HEIGHT_KEY];
+  if (typeof raw === "string") {
+    const fromBlock = parseScriderLineHeightMultiplier(raw);
+    if (fromBlock !== void 0) return lineHeightStyleParts(fromBlock);
+  }
+  if (resolved?.lineSpacing !== void 0) {
+    return lineHeightStyleParts(resolved.lineSpacing);
+  }
+  return [];
+}
+function parseScriderMarginAfterEm(value) {
+  const trimmed = value.trim();
+  if (!trimmed) return void 0;
+  const emMatch = trimmed.match(/^(-?\d+(?:\.\d+)?)\s*em$/i);
+  if (emMatch) {
+    const n2 = Number.parseFloat(emMatch[1]);
+    if (Number.isFinite(n2) && n2 >= 0) return n2;
+    return void 0;
+  }
+  const n = Number.parseFloat(trimmed);
+  if (Number.isFinite(n) && n >= 0) return n;
+  return void 0;
+}
+function marginAfterStyleParts(em) {
+  return [`margin-top:0`, `margin-bottom:${em}em`];
+}
+function blockMarginAfterStyleParts(tag, blockAttributes, resolved) {
+  if (!PARAGRAPH_SPACING_BLOCK_TAGS.has(tag)) return [];
+  const raw = blockAttributes?.[SCRIDER_MARGIN_AFTER_KEY];
+  if (typeof raw === "string") {
+    const fromBlock = parseScriderMarginAfterEm(raw);
+    if (fromBlock !== void 0) return marginAfterStyleParts(fromBlock);
+  }
+  if (resolved?.paragraphSpacingAfterEm !== void 0) {
+    return marginAfterStyleParts(resolved.paragraphSpacingAfterEm);
+  }
+  return [];
+}
+
 // src/conversion/html/document-presentation.ts
 function resolveDocumentPresentation(presentation) {
   if (!presentation) return void 0;
   const lineSpacing = typeof presentation.lineSpacing === "number" && presentation.lineSpacing > 0 ? presentation.lineSpacing : void 0;
   const textIndentCm = typeof presentation.textIndentCm === "number" && presentation.textIndentCm > 0 ? presentation.textIndentCm : void 0;
   const listBlockIndentCm = typeof presentation.listBlockIndentCm === "number" && presentation.listBlockIndentCm > 0 ? presentation.listBlockIndentCm : void 0;
-  if (lineSpacing === void 0 && textIndentCm === void 0 && listBlockIndentCm === void 0) {
+  const paragraphSpacingAfterEm = typeof presentation.paragraphSpacingAfterEm === "number" && Number.isFinite(presentation.paragraphSpacingAfterEm) && presentation.paragraphSpacingAfterEm >= 0 ? presentation.paragraphSpacingAfterEm : void 0;
+  if (lineSpacing === void 0 && paragraphSpacingAfterEm === void 0 && textIndentCm === void 0 && listBlockIndentCm === void 0) {
     return void 0;
   }
-  return { lineSpacing, textIndentCm, listBlockIndentCm };
+  return { lineSpacing, paragraphSpacingAfterEm, textIndentCm, listBlockIndentCm };
 }
-var LINE_HEIGHT_TAGS = /* @__PURE__ */ new Set(["p", "li", "blockquote"]);
 var TEXT_INDENT_TAGS = /* @__PURE__ */ new Set(["p"]);
 function documentPresentationListWrapperStyleParts(resolved) {
   if (!resolved?.listBlockIndentCm) return [];
-  return [
-    `padding-left:1.25em`,
-    `margin-left:${resolved.listBlockIndentCm}cm`
-  ];
+  return [`padding-left:1.25em`, `margin-left:${resolved.listBlockIndentCm}cm`];
 }
 function documentPresentationStyleParts(tag, resolved) {
   if (!resolved) return [];
   const parts = [];
-  if (resolved.lineSpacing !== void 0 && LINE_HEIGHT_TAGS.has(tag)) {
-    const pct = Math.round(resolved.lineSpacing * 100);
-    parts.push(`line-height:${resolved.lineSpacing}`);
-    parts.push(`mso-line-height-alt:${pct}%`);
-  }
   if (resolved.textIndentCm !== void 0 && TEXT_INDENT_TAGS.has(tag)) {
     parts.push(`text-indent:${resolved.textIndentCm}cm`);
   }
   return parts;
 }
+function blockPresentationStyleParts(tag, blockAttributes, resolved) {
+  return [
+    ...blockLineHeightStyleParts(tag, blockAttributes, resolved),
+    ...blockMarginAfterStyleParts(tag, blockAttributes, resolved),
+    ...documentPresentationStyleParts(tag, resolved)
+  ];
+}
 function joinStyleParts(parts) {
   return parts.length > 0 ? ` style="${parts.join("; ")}"` : "";
 }
@@ -2782,6 +2852,7 @@ function deltaToHtml(delta, options = {}) {
       html += renderListItem(
         content,
         listItemAttrs,
+        line.attributes,
         pretty,
         indentLevel,
         hierarchicalNumber,
@@ -3101,17 +3172,14 @@ function getListItemAttributes(attributes) {
   }
   return "";
 }
-function renderListItem(content, attrs, pretty, indentLevel, hierarchicalNumber, resolvedDocumentPresentation) {
+function renderListItem(content, attrs, blockAttributes, pretty, indentLevel, hierarchicalNumber, resolvedDocumentPresentation) {
   const indent = pretty ? getIndent(indentLevel) : "";
   const innerContent = content || "<br>";
   let fullAttrs = attrs;
   if (hierarchicalNumber) {
     fullAttrs += ` data-number="${hierarchicalNumber}"`;
   }
-  const styleAttr = joinStyleParts(
-    documentPresentationStyleParts("li", resolvedDocumentPresentation)
-  );
-  fullAttrs += styleAttr;
+  fullAttrs += getBlockStyleAttribute("li", blockAttributes, resolvedDocumentPresentation);
   const html = `${indent}<li${fullAttrs}>${innerContent}</li>`;
   return pretty ? html + "\n" : html;
 }
@@ -3123,7 +3191,11 @@ function renderBlock(content, tag, attributes, pretty, id, resolvedDocumentPrese
   return pretty ? html + "\n" : html;
 }
 function getBlockStyleAttribute(tag, attributes, resolvedDocumentPresentation) {
-  const styles = documentPresentationStyleParts(tag, resolvedDocumentPresentation);
+  const styles = blockPresentationStyleParts(
+    tag,
+    attributes,
+    resolvedDocumentPresentation
+  );
   if (attributes) {
     const alignVal = attributes.align;
     if (alignVal && typeof alignVal === "string" && alignVal !== "left") {
@@ -5263,13 +5335,20 @@ function extractTableRegion(ops, hintOpIdx) {
   BOX_OVERFLOW_VALUES,
   BlockHandlerRegistry,
   BrowserDOMAdapter,
+  LINE_HEIGHT_BLOCK_TAGS,
   NODE_TYPE,
   NodeDOMAdapter,
+  PARAGRAPH_SPACING_BLOCK_TAGS,
   Registry,
+  SCRIDER_LINE_HEIGHT_KEY,
+  SCRIDER_MARGIN_AFTER_KEY,
   alertBlockHandler,
   alignFormat,
   backgroundFormat,
   blockFormat,
+  blockLineHeightStyleParts,
+  blockMarginAfterStyleParts,
+  blockPresentationStyleParts,
   blockquoteFormat,
   boldFormat,
   boxBlockHandler,
@@ -5320,6 +5399,8 @@ function extractTableRegion(ops, hintOpIdx) {
   markdownToDeltaSync,
   nodeAdapter,
   normalizeDelta,
+  parseScriderLineHeightMultiplier,
+  parseScriderMarginAfterEm,
   preloadRemark,
   resolveDocumentPresentation,
   resolveTablePresentation,